import React from 'react'
import { browserHistory } from 'react-router'
import './Scroll.css'
import img from "../../assets/images/products/364_thumb.jpg"

class Scroll extends React.Component {
    constructor(props) {
      super(props);
      this.state = {date: new Date()};
    }
  
    componentDidMount() {
        $(".scrollleft").imgscroll({
            speed: 40,    //图片滚动速度
            amount: 0,    //图片滚动过渡时间
            width: 1,     //图片滚动步数
            dir: "left"   // "left" 或 "up" 向左或向上滚动
        });
    }
  
    componentWillUnmount() {
  
    }
  
    render() {
      return (
        <div className="products">
            <div className="c-container">
                <div className="products-title">产品展示</div>
                <div className="scrollleft">
                    <ul>
                        <li>
                            <a href="#">
                                <img alt="卷板" src={img} />
                            </a>
                            <div>卷板</div>
                        </li>
                        <li>
                            <a href="#">
                                <img alt="钢板" src={img} />
                            </a>
                            <div>钢板</div>
                        </li>
                        <li>
                            <a href="#">
                                <img alt="卷板" src={img} />
                            </a>
                            <div>卷板</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
      );
    }
  }


export default Scroll
